<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>商品列表</title>
    <!-- 引入页面图标 -->
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
    <!-- 引入bootstrap样式文件 -->
    <link rel="stylesheet" href="../lib/bootstrap/bootstrap.css">
    <!-- 引入初始化样式 -->
    <link rel="stylesheet" href="../css/base.css">
    <!-- 引入iconfont图标库 -->
    <link rel="stylesheet" href="../fonts/font-awesome-4.7.0/css/font-awesome.css">
    <!-- 引入比较搜索页面css样式 -->
    <link rel="stylesheet" href="../css/productlist.css">
</head>

<body>
    <!-- header 头部 -->
    <header>
        <h1>
            <a href="../index.html">
                <img src="../images/header_logo.png" alt="">
            </a>
        </h1>
        <a href="javascript:void(0);">
            <img src="../images/header_app.png" alt="">
        </a>
    </header>

    <!-- 搜索 -->
    <section class="mmb_search">
        <form action="#">
            <i class="fa fa-search" aria-hidden="true"></i>
            <input class="search_ipt" type="search" placeholder="请输入你想比价的商品">
            <input class="search_submit" type="button" value="搜索">
        </form>
    </section>

    <!-- 分类菜单 -->
    <section id="mmb_product">
        <!-- 面包屑导航 -->
        <div class="product-title">
            <ol class="breadcrumb">
                <li>
                    <a href="../index.html">首页</a>
                </li>
                <li>
                    <a href="javascript:history.go(-1)">分类大全</a>
                </li>
                <li><a href="#">电视机</a></li>
            </ol>
            <a class="btn btn-default" href="">筛选</a>
        </div>
        <!-- 商品列表 -->
        <div class="product-list">
            <!-- <div class="media">
                <a class="media-left" href="#">
                    <img src="http://pro.zuyushop.com:8015/ProPic/20166/Thumb/Thumb_2016060015515937123.png" alt="乐视TV(Letv)S50 Air全配版2D 50英寸 全高清LED液晶电视" width="100" height="100">
                </a>
                <div class="media-body">
                    <a href="">
                        <h5>乐视TV(Letv)S50 Air全配版2D 50英寸 全高清LED液晶电视</h5>
                        <p class="price">&yen; 1999.00</p>
                        <em>报价(6)</em><em>评论(2286)</em>
                    </a>
                </div>
            </div> -->
        </div>
        <!-- 分页 -->
        <div class="product-page clearfix">
            <input type="button" value="上一页" class="btn btn-default pull-left pre">
            <input type="button" value="下一页" class="btn btn-default pull-right nex">
            <div class="dropdown">
                <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
                    第1页
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                </ul>
            </div>
        </div>
    </section>

    <!-- 尾部部分 -->
    <footer id="footer">
        <div class="row">
            <div class="col-xs-4">
                <a href="">登录</a>
            </div>
            <div class="col-xs-4">
                <a href="">注册</a>
            </div>
            <div class="col-xs-4">
                <a href="#">
                    <i class="fa fa-arrow-up" aria-hidden="true"></i>
                    返回顶部
                </a>
            </div>
        </div>
        <p>
            <a href="">手机app下载 </a>
            <a href="">慢慢买手机版 </a> -- 掌上比价平台</p>
        <p>m.manmanbuy.com </p>
    </footer>

</body>

</html>

<!-- 商品列表art-template模板 -->
<script type="text/template" id="product-listTmp">
    {{each result value i}}
    <div class="media">
        <a class="media-left" href="bijia.html?productId={{value.productId}}">
          {{@ value.productImg}}
        </a>
        <div class="media-body">
            <a href="bijia.html?productId={{value.productId}}">
                <h5>{{value.productName}}</h5>
                <p class="price">{{value.productPrice}}</p>
                <em>{{value.productQuote}}</em><em>{{value.productCom}}</em>
            </a>
        </div>
    </div>
    {{/each}}
</script>

<!-- 引入jquery文件 -->
<script src="../lib/jquery/jquery-1.12.2.js"></script>
<!-- 引入bootstrap文件 -->
<script src="../lib/bootstrap/bootstrap.js"></script>
<!-- 引入zepto文件 -->
<!-- <script src="../lib/zepto/dist/zepto.js"></script> -->
<!-- 引入art-template -->
<script src="../lib/art-template/template-web.js"></script>

<!-- 引入比价分类js文件 -->
<script src="../js/productlist.js"></script>
